var mySwiper = new Swiper('.swiper', {
    direction: 'horizontal',
    loop: true, // 循环模式选项
    autoplay: true,


    // 如果需要分页器
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },

    // 如果需要前进后退按钮
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },

    // 如果需要滚动条
    // scrollbar: {
    //     el: '.swiper-scrollbar',
    // },
})
var onBtn = document.querySelector('.on')
var offBtn = document.querySelector('.off')
const btn = document.querySelector('button')
let box = document.querySelectorAll('.box1')
let car = document.querySelector('.car')

// 首先获取到用户的token 和 id
let token = window.localStorage.getItem('token')
let id = window.localStorage.getItem('id') - 0
    // console.log(id);

setList()

function setList() {
    // 判断我现在是不是处于登录状态
    if (!token || !id) {
        // 让off盒子显示 让on盒子隐藏
        offBtn.classList.add('active')
        onBtn.classList.remove('active')
        return
    }

    // 代码能来到这里 说明我曾经登录过
    // 不能保证我现在一定是处于登录状态
    // 也不能保证我的token 在有限期内
    // 需要发送请求验证

    const xhr = new XMLHttpRequest()
    xhr.open('GET', `http://localhost:8888/users/info?id=${id}`)
    xhr.onload = () => {
        let res = JSON.parse(xhr.responseText)
        console.log(res);
        if (res.code !== 1) {
            // 让off盒子显示 让on盒子隐藏
            offBtn.classList.add('active')
            onBtn.classList.remove('active')
            return
        }

        // 代码能执行到这里 说明真的是现在处于登录状态
        offBtn.classList.remove('active')
        onBtn.classList.add('active')
        onBtn.firstElementChild.innerText = res.info.nickname
    }
    xhr.setRequestHeader('authorization', token)
    xhr.send()
}

// 退出登录
// 给button添加一个点击事件
btn.addEventListener('click', () => {
    const xhr = new XMLHttpRequest()
    xhr.open('GET', `http://localhost:8888/users/info?id=${id}`)
    xhr.onload = () => {
        let res = JSON.parse(xhr.responseText)
    }
    xhr.setRequestHeader('authorization', token)
    xhr.send()

    // 删除掉本地的id和token
    window.localStorage.removeItem('id')
    window.localStorage.removeItem('token')
    window.location.href = './index.html'
})
for (let i = 0; i < box.length; i++) {
    box[i].addEventListener('click', () => {
        window.location.href = './leibiao.html'
    })
}

car.addEventListener('click', () => {
    window.location.href = './cart.html'
})